<template>
	<view class="shopIn-wrap page-bg">
		<image class="header-bg" src="../../static/item_09.png"></image>

		<block v-if="shopInRes">
			<view class="tpl-success">
				<image class="success-icon" src="../../static/common/icon_12.png" mode=""></image>
				<view class="success-title">申请提交成功</view>
				<view class="success-info">请耐心等待，系统正在努力为您审核，
					商家后台审核通过即可成为店主！</view>
			</view>
		</block>
		<block v-else>
			<view class="tpl-success tpl-error">
				<image class="success-icon" src="../../static/common/icon_13.png" mode=""></image>
				<view class="success-title">商家入驻失败</view>
				<view class="success-info">提交的资料不符合要求，
					营业执照不清晰，请重新提交！</view>
			</view>
		</block>

		<view class="footer-btns" v-if="!shopInRes">
			<view class="btn btn-contact">
				<image class="icon" src="../../static/common/icon_14.png" mode=""></image>
				<view class="op">联系客服</view>
			</view>
			<view  class="btn btn-agains" @click="link('/pages/shop/shopIn')">重新申请</view>
		</view>

		<view class="footer-btns" v-if="shopInRes">
		<view class="btn btn-contact" style="width: 100%;" @click="makePhone">
			<image class="icon" src="../../static/common/icon_14.png" mode=""></image>
			<view class="op">联系客服</view>
		</view>
		</view>
	
	</view>
</template>

<script>
	import common from '../../utils/common.js'
	export default {
		data() {
			return {
				shopInRes: true
			}
		},
		methods: {
			link(url) {
				this.$link(url)
			},
			makePhone() {
				common.makePhoneCall()
			}
		},
		components: {

		}
	}
</script>

<style scoped lang="less">
	@import url('../../app.less');

	.header-bg {
		width: 100%;
		height: 300upx;
		display: block;
	}

	.tpl-error {
		.success-info {
			color: @theme-color;
		}
	}
	
	.footer-btns{
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		height: 90rpx;
		border-top: 1px solid @border-color;
		.flex-base;
		.btn{
			width: 50%;
			.flex-base;
			justify-content: center;
			.f32;
			border-radius: unset;
			height: 100%;
		}
		.btn-contact{
			color: @font-base-color;
			background-color: @f;
			.icon{
				width: 37rpx;
				height: 35rpx;
				padding-right: 10rpx;
			}
		}
		.btn-agains{
			
		}
	}
</style>
